<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/Botletop.css"/>
		<link rel="stylesheet" type="text/css" href="css/etao-top-nav-wrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/yitao_header.css"/>
		<link rel="stylesheet" type="text/css" href="css/first-nav.css"/>
		<link rel="stylesheet" type="text/css" href="css/tao.css"/>
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
		<link rel="stylesheet" type="text/css" href="css/flank.css"/>
		<link rel="stylesheet" type="text/css" href="css/flank_IcoMoon.css"/>

		
	</head>
	<body>
		<div id="top-common-banner">
			<a class="Botletop" herf="index.html">
				<img src="img/TB16hsCcwoQMeJjy0FoXXcShVXa-1200-50.jpg"/>
			</a>
		</div>
		<div id="etao-top-nav-wrap">
			<div id="etao-top-navclearfix">
				<div id="top-nav-loginfl">
					    <a href="register.html" name="register" class="register">注册</a>
    <a href="login.html" name="login" class="login">登录</a>
    <a href="#" name="username" class="username">     </a>
    <!-- 可以在a链接里面写javascript代码，在href属性中以javascript:开头，后面写js代码 -->
  <a href="javascript:localStorage.clear(); location.reload();" class="logout">退出</a>
    <script>
      //判断用户名如果存在, 则显示用户名并显示退出按钮, 否则显示注册和登录
      if (localStorage.username) {
        var oUsername = document.querySelector('a[name=username]');
        var oLogout = document.querySelector('.logout');
        oUsername.innerText = localStorage.username;
        oUsername.style.display = 'inline';
        oLogout.style.display = 'inline';
      } else {
        var oRegister = document.querySelector('.register');
        var oLogin = document.querySelector('.login');
        oRegister.style.display = 'inline';
        oLogin.style.display = 'inline';
      }
    </script>

    <a href="cart.html">购物车</a>
    <a href="order.html">我的订单</a>
				</div>
				<div id="top-tipfl">欢迎来到一淘网，阿里巴巴旗下生活省钱利器！</div>
			</div>
			
		</div>
		<div id="yitao_header">
			<div id="yitao_header_middle">
				<div id="middle_img">
					<a href="">
						<img src="img/TB13Gu9OFXXXXc1apXXXXXXXXXX-620-220.png"/>
					</a>
				</div>
				<div id="yitao_middle_search">
    				<input class="search-text" id="search-text" type="text" placeholder="购物拿返利，手机购物更便捷">
					<div id="yitao_middle_search_right">
						<a href=""></a><input type="submit" name="right_search" id="right_search" value="" />
					</div>
					</div>
					<div id="middle_right_img">
						<a href="">
							<img src="img/TB13Gu9OFXXXXc1apXXXXXXXXXX-620-220.png"/>
						</a>
				</div>
			</div>
		</div>
	<!--导航栏-->
		<div class="daohang">
    		<ul id="cat" class="cat"></ul>
		</div>
<script src="js/myajax.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/daohang.js" type="text/javascript" charset="utf-8"></script>
		<!--轮播图-->
		<div class="carousel" id="carousel">
		<div class="btns">
			<a href="javascript:;" class="leftBtn" id="leftBtn">
			</a>
			<a href="javascript:;" class="rightBtn" id="rightBtn">
			</a>
		</div>
		<div class="m_unit" id="m_unit">
			<ul>
				<li><a href="#"><img src="img/8.jpg" alt="" /></a></li>
				<li><a href="#"><img src="img/9.jpg" alt="" /></a></li>
				<li><a href="#"><img src="img/10.jpg" alt="" /></a></li>
				<li><a href="#"><img src="img/11.jpg" alt="" /></a></li>
				<li><a href="#"><img src="img/12.jpg" alt="" /></a></li>
			</ul>
		</div>
		<div class="circles" id="circles">
			<ol>
				<li class="cur">1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
			</ol>
		</div>
	</div>
	<!--内容-->
	<div class="tuda">
		<div class="tu">
    	<ul id="hot-goods">
   		 </ul>
   		</div>
   		
   		
   		
   		<div id="flank_box">
			<ul>
				<li id="flank_box_li">
					<a href="favorites.html" id="flank_box_a_one">
						<p id="flank_box_a_one_p">我的收藏</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="" id="flank_box_a_two">
						<p id="flank_box_a_one_p">点我领钱</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="" id="flank_box_a_three">
						<p id="flank_box_a_one_p">意见反馈</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="" id="flank_box_a_four">
						<p id="flank_box_a_one_p">智能客服</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="index.html" id="flank_box_a_five">
						<p id="flank_box_a_one_p">新手指南</p>
					</a>
				</li>
				<li id="flank_box_li">
					<a href="javascript:" id="flank_box_a_six">
						<p id="flank_box_a_one_p">回到顶部</p>
					</a>
				</li>
			</ul>
			<div id="flank_icon">
				<a href="">
					<img src="IMG/TB1HImXOVXXXXcHXpXXXXXXXXXX-170-172.png"/>
				</a>
			</div>
		</div>
   		
   		
   		
   		
   		
   		
   		
   		
	</div>
	
    <script src="css/daohangneirong.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/animate-2.0.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/brand.js" charset="utf-8"></script>
		<script type="text/javascript">
			 if (localStorage.username) {
		        var oUsername = document.querySelector('a[name=username]');
		        var oLogout = document.querySelector('.logout');
		        oUsername.innerText = localStorage.username;
		        oUsername.style.display = 'inline';
		        oLogout.style.display = 'inline';
		      } else {
		        var oRegister = document.querySelector('.register');
		        var oLogin = document.querySelector('.login');
		        oRegister.style.display = 'inline';
		        oLogin.style.display = 'inline';
		      }
		</script>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
					<!--var search_text = document.getElementById('search-text');
			    var oGoods = document.querySelector('#hot-goods');
			    var oBtn = document.getElementById("right_search");
			    oBtn.onclick = function(){
					    console.log(search_text	)
					    myajax.get('http://h6.duchengjiu.top/shop/api_goods.php',
					    {search_text: search_text.value,
					    	page:1,
					    	pagesize:20
					    },
					    function(err,responseText){
					      var json = JSON.parse(responseText);
					      console.log(json);
					      var data = json.data;
					      for (var i = 0; i < data.length; i++) {
					        var obj = data[i];
					        oGoods.innerHTML += `<li class="goods"><a href="goods.html?goods_id=${obj.goods_id}">
					          <div><img src="${obj.goods_thumb}" /></div>
					          <div>${obj.goods_name}</div>
					          <div>${obj.price}</div></a>
					        </li>`;
					      }
					    });
			    }
			    -->

		<!--搜索-->
		<script src="js/myajax.js" charset="utf-8"></script>
		<ul  id="hot-goods"></ul>
		<script type="text/javascript">
			var search_text = document.getElementById('search-text');
			    var oGoods = document.querySelector('#hot-goods');
			    var oBtn = document.getElementById("right_search");
			    oBtn.onclick = function(){
//					    console.log(search_text	)
					    myajax.get('http://h6.duchengjiu.top/shop/api_goods.php',
					    {search_text: search_text.value,
					    	page:1,
					    	pagesize:20
					    },
					    function(err,responseText){
					      var json = JSON.parse(responseText);
					      console.log(json);
					      var data = json.data;
					      for (var i = 0; i < data.length; i++) {
					        var obj = data[i];
					        oGoods.innerHTML += `<li class="goods"><a href="goods.html?goods_id=${obj.goods_id}">
					          <div><img src="${obj.goods_thumb}" /></div>
					          <div>${obj.goods_name}</div>
					          <div>${obj.price}</div></a>
					        </li>`;
					      }
					    
					    });
			    }
			    
		</script>
		<!--<script src="js/myajax.js" charset="utf-8"></script>
		<ul id="api_cat" class="api_cat"></ul>
		<script type="text/javascript">
			var oCat=document.querySelector("#api_cat");
			myajax.get("http://h6.duchengjiu.top/shop/api_cat.php",{},
			function(err,responseText) {
				var json=JSON.parse(responseText);
				var data=json.data;
				for (var i=0;i<data.length;i++) {
					var obj=data[i];
					oCat.innerHTML+=`
						<li><a herf="">${obj.cat_name}</a></li>
					`
				}
			})
		</script>
	
		<ul id="api_goods"></ul>
		<script type="text/javascript">
			var oGoods=document.querySelector("#api_goods");
			myajax.get("http://h6.duchengjiu.top/shop/api_goods.php",{},function(err,responseText) {
				var json=JSON.parse(responseText);
				console.log(json);
				var data=json.data;
				for (var i=0;i<data.length;i++) {
					var obj=data[i];
					oGoods.innerHTML+=`<li>
							<div><img src="${obj.goods_thumb}"/></div>
							<div>${obj.goods_name}</div>
							<div>${obj.price}</div>
						</li>`
				}
			})
		</script>-->
<!--底部-->
		<div id="yitao_foot">
			<div id="foot_centre">
				<div id="foot_one">
					<h2 id="foot_h2">关于我们</h2>
					<a href="" id="foot_a" title="关于一淘">关于一淘</a>
					<a href="" id="foot_a" title="法律声明">法律声明</a>
					<a href="" id="foot_a" title="诚聘英才">诚聘英才</a>
					<a href="" id="foot_a" title="廉政邮箱">廉政邮箱</a>
				</div>
				<div id="foot_two">
					<h2 id="foot_h2">帮助中心</h2>
					<a href="" id="foot_a" title="新手指南">新手指南</a>
					<a href="" id="foot_a" title="关于返利">关于返利</a>
					<a href="" id="foot_a" title="关于集分宝">关于集分宝</a>
					<a href="" id="foot_a" title="关于会员特权">关于会员特权</a>
					<a href="" id="foot_a" title="联系客服">联系客服</a>
				</div>
				<div id="foot_three">
					<h2 id="foot_h2">手机一淘</h2>
					<div id="foot_picture">
						<a href="" title="手机客户端下载">
							<img src="IMG/TB1pjAHPXXXXXc_XFXXXXXXXXXX-238-323.png"/>
						</a>
					</div>
					
				</div>
				<div id="foot_four">
					<h2 id="foot_h2">优惠地图</h2>
					<a href="" id="foot_a" title="品牌特卖">品牌特卖</a>
					<a href="" id="foot_a" title="限时闪购">限时闪购</a>
				</div>
				<div id="foot_five">
					<h2 id="foot_h2">商家合作</h2>
					<a href="" id="foot_a" title="报名入口">报名入</a>
					<a href="" id="foot_a" title="商家端问题">商家端问题</a>
				</div>
				
			</div>
		</div>
		<script src="js/zuoce.js" type="text/javascript" charset="utf-8"></script>
		
		<!--hhahahahahahhahahaa-->
    <!--<img id="yitaologo" src="img/TB1yRiUQVXXXXaAXFXXXXXXXXXX-620-220.png" />
		
		<div class="daohang">
    <ul id="cat" class="cat"></ul>
    </div>
     <a href="cart.html">购物车</a>
    <a href="order.html">我的订单</a>
    
    
    <main>
    <ul id="goods"></ul>
  </main>
  <script src="js/gouwuche-one.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/gouwuche-three.js" type="text/javascript" charset="utf-8"></script>
 <script src="js/gouwuche-two.js" type="text/javascript" charset="utf-8"></script>-->
		<!--ajajjajajajaa-->
	</body>
</html>
